<!DOCTYPE html>
<html>
<head>
    <title>联培教育 G10 TEACHER</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../Content/base.css">
    <link rel="stylesheet" type="text/css" href="../Content/personal.css">
    <!-- <link rel="stylesheet" type="text/css" href="../Content/login.css"> -->
    <link rel="stylesheet" type="text/css" href="../Content/login_edit.css">
    <script src="../Scripts/jquery-1.10.2.min.js"></script>

    <script src="../Scripts/WdatePicker/WdatePicker.js"></script>
    <script src="../Scripts/Tools.js"></script>
    <script type="text/javascript" src="../Scripts/main.js"></script>
    
    
</head>
<body>

    <div class="wrap">
        <div class="header">
            <div class="top">
                <div class="inner">
                    <dl class="social">
                        
                        <dd>官方微博：<a href="" class="wb"></a></dd>
                        <dd>微信公众号：<a href="" class="wx"></a></dd>
                        <dd>全国服务热线：021-52588866</dd>
                    </dl>
                    <div class="user">
                            <!--登录前-->
                            <a href="Login.html" class="tologin">请登录</a>
                            <div class="myorder">
                                <div class="haveafter">
                                    <span>个人中心</span>
                                    <ul class="downbox">
                                        <li><a href="../Resume/account_info.html">履历表</a></li>
                                        <li><a href="../Personal/ethics.html">档案袋</a></li>
                                        <li><a href="../Order/index.html">我的订单</a></li>
                                        <li><a href="#">我的收藏</a></li>
                                    </ul>
                                </div>
                                <a href="#">进入考试</a>
                            </div>
                            <a href="../Account/LogOff" class="tologout">退出</a>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="inner">
                    <div class="logo">
                        <a href="../g10.qa.html"><img src="../Content/images/logo.png" /></a>
                    </div>
                    
                </div>
            </div>
            <div class="banner">
                <div class="bannerbg">
                    <img src="../Content/images/banner.jpg" />
                </div>
            </div>
            <div class="location">
                <div class="inner">
                    <a href="../g10.qa.html">首页</a>
                </div>
            </div>
        </div>

        <section>
            

<form class="loginForm" action="/Account/Login" method="post" onsubmit="return formSubmit()"><input name="__RequestVerificationToken" type="hidden" value="AbWgIDc-QeDi3uX_ceH9W4dWrtJbwO723nQi5VxChyrLjtyF_tI5rkC4-DokjpzREMWRtBrMQUFJaYOw7CvhfoeNudhx5Rp8dFd6nApXdCs1" />    <div class="loginBanner">
        <div class="bannerbg">
            <img src="../Content/images/login_banner.jpg" />
        </div>
        <!-- 登录框 -->
        <div class="loginBox loginAndReg">
            <h3>账号登入</h3>
            <span style="color:red"> </span>
            <p class="userName haveTipIcon">
                <span class="icon"><i></i></span>
                <label>
                    <input class="changeInput" data-val="true" data-val-required="账号 字段是必需的。" id="User_Login" name="User_Login" placeholder="邮箱或登录账号或手机号码" type="text" value="" />
                    <em class="clean"></em>
                    <em class="clear"></em>
                    <em class="emptyVal">
                        <span class="tipTxt">不能为空</span>
                        <span class="tipIcon"></span>
                    </em>
                </label>

            </p>
            <p class="userPassword haveTipIcon">
                <span class="icon"><i></i></span>
                <label>
                    <input class="changeInput" data-val="true" data-val-required="密码 字段是必需的。" id="User_Pass" name="User_Pass" placeholder="请输入登录密码" type="password" />
                    <em class="clean"></em>
                    <em class="clear"></em>
                    <em class="emptyVal">
                        <span class="tipTxt">不能为空</span>
                        <span class="tipIcon"></span>
                    </em>
                </label>
            </p>
            <p class="userCode haveTipIcon">
                <label>
                    <input class="changeInput" data-val="true" data-val-required="验证码 字段是必需的。" id="User_Code" name="User_Code" placeholder="请输入验证码" type="text" maxlength="4" />
                    <em class="clean"></em>
                    <em class="clear"></em>
                    <em class="emptyVal">
                        <span class="tipTxt">不能为空</span>
                        <span class="tipIcon"></span>
                    </em>
                </label>
                <img src="../Content/images/login_code.png" />
            </p>
            <button type="submit" class="loginBtn" id="inputLogin">登  录</button>
            <p class="other">
                <a href="../LoginRegister/register.html" class="register loginInfo">现在注册>></a>
                <a href="FindPassword.html">忘记密码</a>
            </p>
        </div>
    </div>
</form>
<script src="../Scripts/jquery-1.7.1.min.js"></script>
<script src="../Scripts/validate/jquery.validate.min.js"></script>
<script src="../Scripts/validate/additional-methods.js"></script>
<script type="text/javascript" src="../Scripts/validate/messages_zh.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.banner').hide();
        $('.location').hide();
        //$('.menu').hide();
        $(".haveafter").hover(function(){
            $(this).addClass('visited');
        },function(){
            $(this).removeClass('visited');
        });
    });
    //$("[rel=tooltip]").tooltip();
    //$(function () {
    //    $('.demo-cancel-click').click(function () { return false; });
    //});

    //input得到焦点
    function tipStatuSet(event){
        $(event).parents("label").siblings("span").css('background-color','#189fdb');
        $(event).css('border-color','#189fdb');
        var inputVal = $.trim($(event).val());
        if(inputVal==''){
            $(event).parents('label').find(".emptyVal").hide();
            $(event).parents('label').find(".clean").hide();
            $(event).parents("label").find(".clear").hide();
        }else{
            $(event).parents('label').find(".emptyVal").hide();
            $(event).parents('label').find(".clean").hide();
            $(event).parents('label').find(".clear").show();
        }
    };

    // input框失去焦点
    function outlineColorChange(event){
        if($.trim($(event).val())){
            $(event).parents("label").siblings("span").css('background-color','#189fdb');
            $(event).css('border-color','#189fdb');
            $(event).parents("label").find(".clean").show();
            $(event).parents("label").find(".emptyVal").hide();
            $(event).parents("label").find(".clear").hide();
        }else{
            $(event).parents("label").siblings("span").css('background-color','#dcdcdc');
            $(event).css('border-color','#dcdcdc');
            $(event).parents("label").find(".emptyVal").show();
            $(event).parents("label").find(".clean").hide();
            $(event).parents("label").find(".clear").hide();
            
        }
    };
    

    // 账号
    $("#User_Login").focus(function(){
        tipStatuSet($(this));
    });
    $("#User_Login").blur(function(){
        outlineColorChange($(this));
    });

    // 密码
    $("#User_Pass").focus(function(){
        tipStatuSet($(this));
    });
    $("#User_Pass").blur(function(){
        outlineColorChange($(this));
    });

    // 验证码
    $("#User_Code").focus(function(){
        tipStatuSet($(this));
    });
    $("#User_Code").blur(function(){
        outlineColorChange($(this));
    });

    // 点击input框的删除按钮
    $("body").on("mousedown","em.clear",function(){
        $(this).parents("label").find("input").val('');
        $(this).parents("label").find("input").focus();
        return false;
    });

    //点击登录按钮正确提示
    function tipTrueSet(event){
        $(event).find(".emptyVal").hide();
        $(event).find(".clean").show();
    };

    // 点击登录按钮错误提示
    function tipFalseSet(event){
        $(event).find(".emptyVal").show();
        $(event).find(".clean").hide();
    };

    // 点击登录按钮
    function formSubmit(){
        var loginVal = $("#User_Login").val();
        var passVal = $("#User_Pass").val();
        var codeVal = $("#User_Code").val();
        if(loginVal==''){
            tipFalseSet($(".userName"));
            return false;
        }else{
            tipTrueSet($(".userName"));
        }

        if(passVal==''){
            tipFalseSet($(".userPassword"));
            return false;
        }else{
            tipTrueSet($(".userPassword"));
        }

        if(codeVal==''){
            tipFalseSet($(".userCode"));
            return false;
        }else{
            tipTrueSet($(".userCode"));
        }
    };
    // 修改结束
</script>
        </section>

        <div class="footer">
            <div class="inner">
                <ul>
                    <li><span class="zl"></span>权威认证体系</li>
                    <li><span class="sz"></span>强大师资力量</li>
                    <li><span class="zz"></span>多阶专业培训</li>
                    <li><span class="xq"></span>最具前瞻性的职业通道</li>
                </ul>
            </div>
            <div class="bottom">
                <div class="inner">
                    <div class="about">
                        <h6>G10 teacher</h6>
                        <p>G10Teacher师享汇由国内20+顶尖教育培训机构联合发起，为K12行业教师提供师资认证、师资培训及师资就业服务， 致力于建立教育培训行业认证标准、提升培训机构师资能力、打造教育培训卓越品牌，从而成为“中国最大的K12行业师资认证与输出平台”。</p>
                    </div>
                    <div class="as">
                        <h2>021-54105871</h2>
                        <span>周一至周五 9:00-18:00</span>
                    </div>
                </div>
            </div>
            <div class="siteinfo">
                <div class="inner">
                    <img src="../Content/images/infologo.png" />
                    <span>
                        上海联培教育科技有限公司&nbsp;&nbsp;&nbsp;沪ICP备17013313号
                    </span>
                    <img src="../Content/images/info1.gif" />
                    <img src="../Content/images/info2.gif" />
                    <img src="../Content/images/info3.gif" />
                </div>
            </div>
        </div>
    </div>
    
</body>
</html>
<script type="text/javascript">
    
    function setlocation(str) {
        $(".location>.inner").html(str);

    }
    function GoToTest() {
        debugger;
        $.ajax({
            type: "post",
            dataType: 'json',
            url: "/Account/OpenURLToXueWu",
            cache: false,
            success: function (result) {
                if (result.IsLogin) {
                    window.open(result.url);
                }
                else {
                    window.location.href = "/Account/Login?returnUrl=/Home/Index";
                    //Info("提示！", "必须登录系统后才能使用模拟考试功能！");
                }
            },
            error: function (textStatus, errorThrown) {
                window.open("G10teacher.com");
            }
        });
    }
    function GoTest() {
        window.open("/Account/Login?returnUrl=/Home/Index");
    }
</script>
